<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue-router@3.3.2/dist/vue-router.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/http-vue-loader@1.4.2/src/httpVueLoader.min.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.13.2/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://cdn.jsdelivr.net/npm/element-ui@2.13.2/lib/index.js"></script>
    <!-- 引入axios -->
    <script src="https://cdn.jsdelivr.net/npm/axios@0.19.2/dist/axios.min.js"></script>
    <!-- 引入qs -->
    <script src="https://cdn.jsdelivr.net/npm/qs@6.9.3/dist/qs.js"></script>
    <!-- 引入自定义样式 -->
    <link rel="stylesheet" href="css/common.css">
    <style>
        .el-header{
            color: #FFF;
            line-height: 60px;
            background-color: #333;
        }

        .el-footer{

        }

        .el-aside {
            color: #333;
        }

        .el-main {
            background-color: #F8F8F8;
            color: #333;
        }

        #app > .el-container {
            height: 100%;
        }
        .m-player{
            width: 100%;
            display: flex;
            justify-content: center;
        }
    </style>
</head>
<body>
<div id="app">
    <el-container>
        <el-header>欢迎光临网络中心</el-header>
        <el-container style="background-color: #000;">
            <div class="m-player">
                <!--<video autoplay tabindex="2" src="http://192.168.0.5/resource/电影/活着.mp4" controls style="height: 100%; object-fit: fill; outline: none;"></video>-->
                <iframe width="100%" src='https://player.youku.com/embed/XNDY2MzQxODQ4NA==' frameborder=0 allowfullscreen></iframe>
            </div>
        </el-container>
        <el-footer>

        </el-footer>
    </el-container>
</div>

<!-- 自定义js -->
<script src="js/router.js"></script>
<script>
    // 4. 创建和挂载根实例。
    // 记得要通过 router 配置参数注入路由，
    // 从而让整个应用都有路由功能
    const app = new Vue({
        router: $util.router,
        data: {
        },
        computed: {},
        created: function () {},
        methods: {
        }
    }).$mount('#app')
</script>
</body>
</html>
